<!--
 * @Author: zhangfan
 * @Date: 2024-06-21 11:56:22
 * @LastEditors: ***
 * @LastEditTime: 2024-06-21 15:39:42
 * @Description:直接在el-input设置 v-bind="$attrs"是不行的，
 原因在于动态组件传入的属性configProps是一个对象，而不是解构后的对象属性
 * @FilePath: /demo/src/components/Input.vue
-->
<template>
  <div class="hello input-con">
    <label>输入框：</label>
    <el-input v-bind="$attrs" v-model="name"></el-input>
  </div>
</template>

<script>
export default {
  name: 'Input',
  data () {
    return {
      name: ''
    }
  }
}
</script>

<style scoped lang="scss">
.input-con {
  margin: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  label {
    width: 200px;
  }
}
</style>
